vue-devui 1.6.16 → 1.6.18

package/auto-complete/index.es.js

@@ -62,7 +62,7 @@ const autoCompleteProps = {
   },
   position: {
     type: Array,
-    default: ["bottom-end"]
+    default: () => ["bottom", "top", "left", "right"]
   },
   disabled: {
     type: Boolean,
@@ -482,6 +482,10 @@ const formProps = {
   appendToBodyScrollStrategy: {
     type: String,
     default: "reposition"
+  },
+  requirePosition: {
+    type: String,
+    default: "left"
   }
 };
 const FORM_TOKEN = "dForm";
@@ -6443,11 +6447,7 @@ const popoverProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["top", "right", "bottom", "left"]
   },
   offset: {
     type: [Number, Object],
@@ -6518,6 +6518,7 @@ function usePopover(props, visible, placement, origin, popoverRef) {
 function usePopoverEvent(props, visible, origin) {
   const { trigger, position, mouseEnterDelay, mouseLeaveDelay, disabled } = toRefs(props);
   const isClick = computed(() => trigger.value === "click");
+  const isHover = computed(() => trigger.value === "hover");
   const placement = ref(position.value[0].split("-")[0]);
   const isEnter = ref(false);
   const onClick = () => {
@@ -6536,13 +6537,13 @@ function usePopoverEvent(props, visible, origin) {
     if (disabled.value) {
       return;
     }
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = true;
       enter();
     }
   };
   const onMouseleave = () => {
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = false;
       leave();
     }
@@ -6692,7 +6693,6 @@ var Popover = defineComponent({
       content,
       popType,
       position,
-      align,
       offset: offset2,
       showAnimation
     } = toRefs(props);
@@ -6734,7 +6734,6 @@ var Popover = defineComponent({
           "ref": popoverRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "class": [ns2.e("content"), popType.value !== "default" ? "is-icon" : ""],
           "show-arrow": true,
@@ -6856,7 +6855,8 @@ function useFormLabel() {
   }));
   const labelInnerClasses = computed(() => ({
     [`${ns2.e("label-span")}`]: true,
-    [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
+    [`${ns2.em("label", "required")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "left",
+    [`${ns2.em("label", "required-right")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "right",
     [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
   }));
   const tipsPopover = computed(() => {
@@ -8173,6 +8173,7 @@ defineComponent({
       layout: formContext.layout,
       labelSize: formContext.labelSize,
       labelAlign: formContext.labelAlign,
+      requiredPosition: formContext.requirePosition,
       helpTips: helpTips.value,
       formItemCtx: ctx2
     }));
@@ -9011,7 +9012,6 @@ var AutoComplete = defineComponent({
     const inputNs = useNamespace("auto-complete-input");
     const isDisabled = computed(() => (formContext == null ? void 0 : formContext.disabled) || disabled.value);
     const autoCompleteSize = computed(() => (formContext == null ? void 0 : formContext.size) || props.size);
-    const align = computed(() => position.value.some((item) => item.includes("start") || item.includes("end")) ? "start" : null);
     const {
       handleSearch,
       searchList,
@@ -9090,7 +9090,6 @@ var AutoComplete = defineComponent({
         default: () => [createVNode(FlexibleOverlay, {
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "modelValue": visible.value,
           "onUpdate:modelValue": ($event) => visible.value = $event,
           "onPositionChange": handlePositionChange,